*,
body,
html {
  margin: 0;
  padding: 0;
}
html {
  /* overflow-y: hidden; */
  font-size: 10px;
}
@media screen and (max-width: 1280px) {
  .nav-text {
    width: 0;
    overflow: hidden;
    visibility: hidden;
  }
}

main {
  width: 1400px;
  margin: 0 auto;
  height: 100vh;
  header {
    @media (min-width: 1400px) {
      .container,
      .container-lg,
      .container-md,
      .container-sm,
      .container-xl,
      .container-xxl {
        max-width: 1400px;
      }
    }
    nav {
      width: 1440px;
      max-width: 100%;
      height: 80px;
      display: flex;
      /* margin: 0 auto; */
      /* flex-wrap: wrap; */
      a {
        text-decoration: none;
        color: black;
      }
      .nav-logo {
        width: 180px;
        height: 100%;
        font-weight: 900;
        line-height: 40px;
        font-size: 20px;
        text-decoration: none;
      }
      .nav-text {
        width: 930px;
        display: flex;
        justify-content: space-between;
        .nav-left {
          padding-left: 0rem;
          line-height: 80px;
          list-style: none;
          display: flex;
          justify-content: space-between;
          width: 590px;
          height: 100%;
          font-size: 14px;
          li {
            height: 100%;
            display: inline-block;
            text-align: center;
            a {
              font-weight: 900;
            }
          }
        }
        .nav-right {
          padding-left: 0rem;
          line-height: 80px;
          list-style: none;
          display: flex;
          justify-content: space-around;
          width: 200px;
          height: 100%;
          font-size: 14px;
          li {
            height: 100%;
            display: inline-block;
            text-align: center;
            a {
              font-weight: 900;
            }
          }
        }
      }
      .nav-info {
        display: inline-block;
        width: 230px;
        height: 100%;
        ul {
          padding-left: 0rem;
          width: 200px;
          height: 100%;
          display: flex;
          justify-content: space-between;
          list-style: none;
          line-height: 80px;
          li {
            height: 100%;
            display: inline-block;
            text-align: center;
            a {
              font-weight: 900;
            }
          }
          .info-img {
            visibility: hidden;
          }
          @media screen and (max-width: 1280px) {
            .info-img {
              visibility: visible;
            }
          }
        }
      }
    }
  }
  article {
    section {
      .h2 {
        text-align: center;
        font-size: 24px;
        margin-bottom: 20px;
        width: 100%;
        h2 {
          font-size: 0.5333rem;
          font-weight: 900;
        }
        ul {
          margin: 0 auto;
          list-style: none;
          width: 100%;
          /* max-width: 700px; */
          display: flex;
          justify-content: space-around;
          padding-left: 0em;
          li {
            a {
              font-size: 0.233333rem;
              text-decoration: none;
              color: black;
              font-weight: 700;
            }
          }
        }
      }
      .item {
        width: 100%;
        .item1 {
          width: 40%;

          img {
            width: 100%;
            position: relative;
            border-radius: 20px;
            cursor: pointer;
          }

          p {
            position: absolute;
            text-align: center;
            /* text-align: center; */
          }
        }
      }
    }
  }
}
